{% load static %}
{% load common %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{% static 'plugins/bootstrap/css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'plugins/font-awesome/css/font-awesome.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/search-group.css' %}">
    <link rel="stylesheet" href="{% static 'css/commons.css' %}">
</head>
<body>
<div class="container">
    <h2>搜索</h2>
    <div class="search-group">
        <div class="search-group">
            {% for each_option in search_fields %}
                <div class="row">
                    {% for each_field in each_option %}
                        {{ each_field }}
                    {% endfor %}
                </div>
            {% endfor %}
            {#            {% for row_object in row_list %}#}
            {#                <div class="row">#}
            {#                    {% for col in row_object %}#}
            {#                        {{ col|safe }}#}
            {#                    {% endfor %}#}
            {#                </div>#}
            {#            {% endfor %}#}
        </div>
    </div>
    <h2>列表展示</h2>
    <table class="table table-bordered">
        <thead>
        <tr>
            <th>序号</th>
            {#            <th>ID</th>#}
            <th>用户名</th>
            <th>级别</th>
            <th>手机号</th>
            <th>账户余额</th>
            <th>创建日期</th>
        </tr>
        </thead>
        <tbody>
        {% for row in queryset %}
            <tr>
                <td>{% loop_counter request forloop.counter %}</td>

                <td>{{ row.username }}</td>
                <td>{{ row.level.title }}</td>
                <td>{{ row.mobile }}</td>
                <td>{{ row.balance }}</td>
                <td>{{ row.create_date }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>
</body>
</html>